<md-dialog w-i18n-ns="app.ui" class="txinfo" aria-label="modal">
    <div class="btn icon-close" w-modal-close></div>
    <md-dialog-content>
        <div class="modal-content">
            <div ng-if="!$ctrl.signable">
                <w-loader></w-loader>
            </div>
            <div ng-if="$ctrl.signable" class="txinfo__wrapper">

                <w-transaction-info confirmed="$ctrl.confirmed" signable="::$ctrl.signable"></w-transaction-info>

                <div class="txinfo__row" ng-if="$ctrl.confirmed">
                    <div class="txinfo__key" w-i18n="transaction.modals.confirmations"></div>
                    <div class="txinfo__value">{{$ctrl.confirmations}}</div>
                </div>

                <div class="txinfo__row">
                    <div class="txinfo__key" w-i18n="transaction.modals.viewTransactionKey"></div>
                    <div class="txinfo__value txinfo__value-uppercase nowrap">
                        <a w-i18n="transaction.modals.viewTransactionValue"
                           href="{{::$ctrl.explorerLink}}"
                           target="_blank"
                           rel="noopener noreferrer"></a>
                    </div>
                </div>

                <div class="txinfo__row txinfo__row-border-ts ">
                    <div class="txinfo__key" w-i18n="transaction.modals.status"></div>
                    <div class="status-label"
                         ng-class="{confirmed: $ctrl.confirmed, unconfirmed: !$ctrl.confirmed}"
                         w-i18n="transaction.confirmed.{{$ctrl.confirmed}}"></div>
                </div>

            </div>
        </div>
    </md-dialog-content>
</md-dialog>
